<div ng-controller="replyAtCsCtrl
">
    <style>
        #mask_box{
            position: absolute;
            display: none;
            z-index: 2;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.8);
        }
        .detail-box{
             display: none;
             position: fixed;
             z-index: 5;
             top: 50%;
             left: 50%;
             margin-left: -400px;
             margin-top: -200px;
             width: 800px;
             height: 400px;
            background: #fff;
            border: 1px solid #CCCCCC;
            box-shadow: 0px 0px 5px #888888;
        }
        .box-close{
            position: absolute;
            padding: 8px 12px;
            bottom: 0;
            right: 0;
            background: #BCBCBC;
            border-radius: 4px;
            color: #fff;
        }
        .box-close:hover{
            background: #dcdcdc;
        }
    </style>
    <div class="form-group">

        <label class="control-label">小区名称:</label>
        <select ng-model="filter_communityId" ng-options="m.objId as m.communityName for m in communityList.data">
            <option value="">-- 请选择 --</option>
        </select>
        <label class="control-label" for="textinput">处理状态:</label>
        <select ng-model="filter_status" ng-options="s.value as s.name for s in atStatus">
        </select>

        <button type="button" class="btn-primary btn-sm  " ng-click="getAtList()">搜索</button>
    </div>

    <div class="tab-content">
        <div class="tab-pane active" id="tab_a">
            <mutau>
                <ul class="pagination" num-pages="tasks.pageCount" current-page="tasks.currentPage"
                    on-select-page="selectPage(page)">
                    <li ng-class="{disabled: noPrevious()}"><a ng-click="selectPrevious()">&laquo;</a>
                    </li>
                    <li ng-repeat="page in pages" ng-class="{active: isActive(page)}"><a
                            ng-click="selectPage(page)">{{page}}</a>
                    </li>
                    <li ng-class="{disabled: noNext()}"><a ng-click="selectNext()">&raquo;</a>
                    </li>
                    <li ng-show="currentPage>6"><a ng-click="selectPage(1)">首页</a>
                    </li>
                </ul>
            </mutau>
            <table class="table table-condensed">
                <thead>
                <tr>
                    <th>小区</th>
                    <th>类型</th>
                    <th>@人员</th>
                    <th>@时间</th>
                    <th>@内容</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="result in resultList">
                    <th>{{result.community.communityName}}</th>
                    <th>
                        <span ng-show="result.category=='question'">提问</span>
                        <span ng-show="result.category=='neighbourActivity'">活动</span>
                        <span ng-show="result.category=='topic'">专题</span>
                    </th>
                    <th>{{result.atUser.nickName}}</th>
                    <th>{{result.dateCreated|date:"yyyy-MM-dd HH:mm"}}</th>
                    <th>{{result.content}}</th>
                    <th>
                        <span ng-show="result.status==false">已处理</span>
                        <span ng-show="result.status==true">未处理</span>
                    </th>
                    <th>
                        <button type="button" class="btn-primary btn-sm" ng-click="detail(result.ugcId,result.category)" >查看</button>
                        <span ng-show="result.status==true"><button type="button" class="btn-primary btn-sm" ng-click="update(result.objId)" >已处理</button></span>
                    </th>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div id = "mask_box"></div>
    <div class = "detail-box" id = "detail_box"><iframe src=""  frameborder="0" width="800" height="400" id = "iframe_box"></iframe><div class = "box-close" id = "box_close">关闭</div></div>
</div>
